<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<link rel="stylesheet" type="text/css" href="../../js/lib/theme-chalk/index.css" />
		<link rel="stylesheet" type="text/css" href="../../css/myCustomer.css" />
		<link rel="stylesheet" type="text/css" href="../../css/my_commont.css" />
		<link rel="stylesheet" type="text/css" href="index.css" />
		<script src="../../common/utilCookie.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../common/author.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/vue.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/axios.min.js"></script>
		<script src="../../js/jquery.js" type="text/javascript" charset="utf-8"></script>
		<!-- 引入组件库 -->
		<script src="../../js/lib/index.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../common/judegetEmpty.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/aixos-init.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/config.js" type="text/javascript" charset="utf-8"></script>
		<script src="index.js" type="text/javascript" charset="utf-8"></script>
		<style type="text/css">
			[v-cloak] {
				display: none;
			}
		</style>
	</head>
	<body>
		<div id="addHotPicApp" v-cloak>
			<div class="contaner" v-loading.fullscreen.lock="fullscreenLoading">
				<div class="section-header">
					商品 - 添加首页轮播图
				</div>
				<hr class="hr-style" />
				<div class="my_height_20 managerContent">
					<p class="categoryStyle">商品类别：<span>{{value}}</span></p>
					<el-row>
						<div class="tip-contaner">
							<el-col :span="22">
								<el-cascader-panel :options="options" v-model="districtDefault" @change="handleChange"></el-cascader-panel>
							</el-col>
						</div>
					</el-row>
					<div class="my_height_20">
						<el-form ref="form" :model="form" label-width="100px">
							<el-form-item label="添加轮播图">
								<el-upload :action="uploadUrl" :before-remove="beforeRemove" list-type="picture" :limit="1" :on-exceed="handleImgExceed"
								 :file-list="fileList" :on-success="handleImgSuccess">
									<el-button size="small" type="primary">点击上传</el-button>
								</el-upload>
							</el-form-item>
							
							<el-form-item label="权重">
							<el-input v-model="form.showOrder"></el-input>
							</el-form-item>
							<el-form-item>
								<el-button type="primary" @click="configHotPic">提交</el-button>
							</el-form-item>
							
						</el-form>
					</div>
				</div>
				<div class="my_height_20">
					<p class="categoryStyle">首页轮播图列表</p>
					<el-table border :data="goodPicTable" style="width: 500px">
						<el-table-column prop="combination" label="轮播图片" width="400">
							<template slot-scope="scope">
							 <el-image style="width: 400px; height: 200px" :src="scope.row.photo" ></el-image>
							</template>
						</el-table-column>
						<el-table-column label="操作">
							<template slot-scope="scope">
								<el-button @click="deleteGoodPropRow(scope.row)" type="text" size="small">
									移除
								</el-button>
							</template>
						</el-table-column>
					</el-table>
				</div>
			</div>

		</div>
	</body>
</html>
